@import './base/reset.styl'
@import './base/var.styl'
@import './base/mixin.styl'
@import './component/banner.styl'
@import './component/scope-of-business.styl'
@import './component/entry.styl'
@import './component/news.styl'
@import './component/video.styl'

body
	background:#e6e6e6;
.mrBottom
	margin-bottom:60px;
.boxCover
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-color:rgba(176,35,35,0.8);
	color:#fff;
	padding:20px 0 0 10px;
	font-size:14px;
	h1
		font-weight:bold;
		font-size:26px;
		margin-bottom:20px;
	p
		color:rgba(255,255,255,0.8);
		margin-bottom:10px;
	.linkArrow
		position:absolute;
		right:20px;
		bottom:20px;
		width:60px;
		height:30px;
		border:1px solid #fff;
		border-radius:20px;
		text-align:center;
.videoBox
	text-align:center;
	position:relative;
	margin-bottom:60px;
	&:before
		content:'';
		position:absolute;
		width:100%;
		height:700px;
		top:-400px;
		left:0;
		background:#353535;
	.myVideo
		width:$center-w;
		margin:0 auto;
		.my-video-dimensions
			width:100% !important;
			height:auto !important;
		video
			width:100%;
			position:relative;
			margin:0 auto;
			z-index:1;
		.video-js .vjs-control-bar
			z-index:10;
		.video-js .vjs-big-play-button
			font-size: 2.5em;
			line-height: 2.3em;
			height: 2.5em;
			width: 2.5em;
			-webkit-border-radius: 2.5em;
			-moz-border-radius: 2.5em;
			border-radius: 2.5em;
			background-color: #73859f;
			background-color: rgba(115,133,159,.5);
			border-width: 0.15em;
			margin-top: -1.25em;
			margin-left: -1.75em;
			z-index:2;
			.vjs-big-play-button .vjs-icon-placeholder
				font-size: 1.63em;
.vjs-loading-spinner
	font-size: 2.5em;
	width: 2em;
	height: 2em;
	border-radius: 1em;
	margin-top: -1em;
	margin-left: -1.5em;
